<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>详情页</title>
<link rel="stylesheet" type="text/css" href="images/public.css" />
<link rel="stylesheet" type="text/css" href="images/details.css" />
</head>
  <body>
		<div id="top" class="auto">
      	<div class="nav">
         	<div class="left same"><img src="images/mainnav_l.gif"/></div>
            
            <div class="mainNav">
               <img class="logo" src="images/logo.gif" />
               <ul>
                   <li><a href="butifulDemo.html">首页</a></li>
                  <li><a href="list.html">手机</a></li>
                  <li><a href="details.html">电脑</a></li>
                  <li><a href="#">平板</a></li>
                  <li><a href="#">电视</a></li>
               </ul>
            </div>
            
            <div class="right same"><img src="images/mainnav_r.gif"/></div>
         </div>
         
         <div class="nav1">
            <form class="search" action="">
            	<input class="keywords" type="text" name="keywords" />
               <input class="btn" type="submit"value="" />
            </form>
         
         	<div class="enter">
            	<a href="#">登录</a>|
               <a href="#">注册</a>　　<!-- 注册后面有个全角空格 -->
               <img src="images/shoppingcart_sicon.png"/>  
               <a class="cart" href="#">购物车0件</a>
            </div>
         </div>
      </div>
      
      <div id="position" class="auto">
      	当前位置： <a href="#">首页</a> &gt; <a href="#">小米手机</a>
      </div>
      
      <div id="details" class="auto">
      	<div class="shopImg">
         	<img width="350" src="images/88_thumb_G_1363925352471.jpg"/>
         </div>
         
         <div class="shopDetails">
         	<dl>
            	<dt>R811</dt>
               <dd>商品货号：ESC20088080</dd>
               <dd>商品库存：120</dd>
               <dd>商品点击数：12</dd>
               <dd>用户评价：<img src="images/stars5.gif" /></dd>
               <dd>商品价格：￥120</dd>
               <dd>购买数量：<input class="count" size="2" type="text" value="1" /></dd>
               <dd>购买此商品可使用：120积分</dd>
               <dd>
               	<a href="#"><img src="images/goumai2.gif" /></a>
                  <a href="#"><img src="images/shoucang2.gif" /></a>
               </dd>
            </dl>
         </div>
      </div>
      <div style="clear:both;"></div>
      <div class="content">
      	<p>详细内容...</p>
         <p>详细内容...</p>
         <p>详细内容...</p>
         <p>详细内容...</p>
      </div>
      <div id="bottom">
      	<p>联系QQ 1435785971</p>     
         <p>powered by <a href="http://www.sifangku.com">私房库</a></p>
      </div>
  </body>
</html>